<html>
<head>
<link rel="stylesheet" href="css/general.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />

<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<script src="js/general.js" type="text/javascript"></script>

</head>
<body>
	<div id='all_content'>
		<div id='header' data-role="header">
			<h3>WebLabTutor</h3>
		</div> 
		<div id='main_screen'>
			<h3>Welcome!</h3>
			<input type="button" value="Go to lessons" onclick="switchToLessons();"/>
			<input type="button" value="Do-it-yourself!" onclick="switchToDoItYourself();" />
			<input type="button" value="Take quiz" onclick="switchToTakeQuiz();"/>
			<input type="button" value="Take practical text" onclick="switchToPracticalTest();" />
		</div>
		<div id="footer" data-role="footer" data-position="fixed">
		
			<h4>&copy; "Politehnica" University, 2013</h4>
		</div>
	</div>
</body>
</html>